<template lang="html">
  <div class="panel" v-show="index === $parent.ACTIVE_INDEX">
    <h1>社区</h1>
    <p>这是社区页面</p>
  </div>
</template>

<script>
export default {
  props: {
    index: { type: String, default: '' },
    label: { type: String, default: '' }
  },

  data () {
    return {

    }
  },

  mounted () {
    this.$parent.tabs.push({
      label: this.label,
      index: this.index
    })
  }
}
</script>

<style lang="css">
</style>
